<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../tuangouw/css/chang.css">
</head>

<body>
    <!-- 导航栏 -->
    <header>
        <!-- 导航栏 -->
        <div class="hdr_top">
            <p>Back</p>
            <p>我的</p>
            <img src="../tuangouw/images/chang/形状 12.png" alt="">
        </div>

    </header>
    <!-- 内容 -->
    <main>
        <!-- 大图 -->
        <div class="hua">
            <img src="../tuangouw/images/chang/图层5.png" alt="">
        </div>
        <!-- 价格 -->
        <div class="jia">
            <p>￥32</p>
            <a href="#"><button>购买</button></a>
        </div>
        <!-- 好评 -->
        <div class="hao">
            <p>
                <img src="../tuangouw/images/chang/形状 12.png" alt=""> 好评度
                <i>99%</i></p>
            <a href="#">共605个评价></a>
        </div>
        <!-- 适合用户 -->
        <div class="shi">
            <a href="#">
                <p>适合用户</p>
                <p>></p>
            </a>
        </div>
        <!-- 店铺 -->
        <div class="dian">
            <ul>
                <li>
                    <a href="#">
                        <img src="../tuangouw/images/chang/正佳店.png" alt=""></a>
                    <div class="oo">
                        <p>万岁寿司（正佳店）</p>
                        <i><img src="../tuangouw/images/chang/形状 16 副本 4.png" alt="">十分</i>
                        <p>离你100米远</p>
                        <p>查看详情 >></p>
                    </div>
                    <a href="#"><button>购买</button></a>
                </li>
                <li>
                    <a href="#">
                        <img src="../tuangouw/images/chang/体育西店.png" alt=""></a>
                    <div class="oo">
                        <p>万岁寿司（正佳店）</p>
                        <i><img src="../tuangouw/images/chang/形状 16 副本 4.png" alt="">十分</i>
                        <p>离你100米远</p>
                        <p>查看详情 >></p>
                    </div>
                    <a href="#"><button>购买</button></a>
                </li>
                <li>
                    <a href="#">
                        <img src="../tuangouw/images/chang/昌岗店.png" alt=""></a>
                    <div class="oo">
                        <p>万岁寿司（正佳店）</p>
                        <i><img src="../tuangouw/images/chang/形状 16 副本 4.png" alt="">十分</i>
                        <p>离你100米远</p>
                        <p>查看详情 >></p>
                    </div>
                    <a href="#"><button>购买</button></a>
                </li>
            </ul>
        </div>
    </main>
    <!-- 底部导航栏 -->
    <nav>
        <div class="nav_di">
            <ul>
                <li>
                    <a href="../tuangouw/index.html"><img src="../tuangouw/images/index/首页.png" alt=""></a>
                    &nbsp;首页
                </li>
                <li>
                    <a href="../tuangouw/分类.html"><img src="../tuangouw/images/index/分类4.png" alt=""></a>
                    &nbsp;分类
                </li>
                <li>
                    <a href="../tuangouw/发现.html"><img src="../tuangouw/images/index/形状7副本.png" alt=""></a>
                    &nbsp;发现
                </li>
                <li>
                    <a href="../tuangouw/我的.html"><img src="../tuangouw/images/index/我的.png" alt=""></a>
                    &nbsp;我的
                </li>
            </ul>
        </div>
    </nav>

</body>

</html>